<%--
  Created by IntelliJ IDEA.
  User: haiyan
  Date: 2016/12/12
  Time: 17:20
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()
            + "://" + request.getServerName()
            + ":" + request.getServerPort()
            + path + "/";
%>
<html>
<head>
    <title>java论坛</title>
    <jsp:include page="foot1.jsp"/>
    <link rel="stylesheet" href="<%=basePath%>css/base.css">
    <link rel="stylesheet" href="<%=basePath%>css/style.css">
</head>

<body>
<div class="content">
    <div class="wrap">
        <div class="art-height"></div>
        <div class="art-box">
            <div class="art-b">
                <a href=""><div class="art-b1 mr-30 fl"><img src="<%=basePath%>upload/art-b1.png">
                    <div class="art-inside">走在编程世界的修道之路</div>
                </div></a>
                <a href=""><div class="art-b1 fl"><img src="<%=basePath%>upload/art-b2.png">
                    <div class="art-inside">“咖啡”之音</div>
                </div></a>

            </div>
            <div class="art-c">
                <div class="art-fl fl">
                    <div class="ru-title art-title">
                        <div class="cou-b1"><img src="<%=basePath%>images/cou-b1.jpg">焦点文章</div>
                        <div class="ru-a2">
                            <%--<div class="dropdown">--%>
                            <%--<span>全部</span>--%>
                            <%--<ul data-value="" class="droplist">--%>
                            <%--<li data-id="1">前台页面</li>--%>
                            <%--<li data-id="2">javaweb编程</li>--%>
                            <%--<li data-id="3">PHP编程</li>--%>
                            <%--<li data-id="4">SSH框架</li>--%>
                            <%--<li data-id="5">游戏开发</li>--%>
                            <%--</ul>--%>
                            <%--</div>--%>
                        </div>
                    </div>
                    <input hidden value="${searchFaile}" id="searchFaileTishi">
                    <%--遍历此处吧--%>
                    <c:forEach items="${requestScope.searchSuccess}" var="file">
                        <div class="tjk">
                            <ul class="art-ul">
                                <a href="<%=basePath%>shixun/ageXiangXi?fileid=${file.id}"><li>
                                    <div class="art-list">
                                        <div class="art-d fl"><img style="height: 200px;width: 200px;" src="<%=basePath%>upload/filePhone.jpg"/></div>
                                        <div class="art-e fl">
                                            <div class="col-b1">${file.type}</div>
                                            <div class="col-b2"><b>java论坛</b><span>${file.ftime}</span></div>
                                            <div class="col-b3"><span style="font-size: 12px;margin-right: 25px"><b>文章主题</b></span>${file.fname}</div>
                                        </div>
                                        <div class="art-f"  style="margin-right: 30px">
                                            <span><img src="<%=basePath%>images/dianzan2.png">${file.fdianzan}</span>
                                            <span><img src="<%=basePath%>images/col-c1.jpg">${file.fnumber}</span>
                                            <span><img src="<%=basePath%>images/col-c2.jpg">${file.more2}</span>
                                        </div>
                                    </div>
                                    <div class="art-g"></div>
                                </li></a>
                            </ul>
                        </div>
                    </c:forEach>
                    <div id="moreInfo" onclick="showMore()" class="more"><a href="<%=basePath%>shixun/ageSelectAllFile">查看更多>></a></div>
                    <h2 hidden id="hiddenInfo">${hiddenMore}</h2>
                </div>

                <div class="art-fr fr">
                    <div class="post-y art-gg">
                        <div class="ru-c1" onclick="userTishi()"><a href="#">发表文章</a></div><br><br>
                        <div class="post-y1"><img src="<%=basePath%>images/cou-b1.jpg">最新文章</div>
                        <ul>
                            <a href="" onclick="userTishi()"><li>
                                <div class="post-y2"><img src="<%=basePath%>upload/111.jpg"></div>
                                <div class="post-y3" style="text-align: center;color: #0078b3"><span style="color: #959ca8">主題：</span>${searchOneInfo.fname}</div>
                            </li></a>
                        </ul>
                    </div>
                    <div class="fish"><a href=""><img src="<%=basePath%>upload/ru-c1.png"></a></div>
                </div>
            </div><!--art-c-->

        </div>
    </div>
</div>
<h3 id="sixTishi">${requestScope.sixTishi}</h3>

<%--<div class="footer">--%>
    <%--<div class="wrap">--%>
        <%--<div class="foot">--%>
            <%--<div class="foot-left fl">--%>
                <%--<a href="">关于我们</a>--%>
                <%--<a href="">加入我们</a>--%>
                <%--<a href="<%=basePath%>user/lianxi.jsp">联系我们</a>--%>
                <%--<a href="">媒体采访</a>--%>
            <%--</div>--%>
            <%--<div class="foot-c fl"><a href=""><img src="<%=basePath%>images/foot-logo.png"></a></div>--%>
            <%--<div class="foot-right fr">--%>
                <%--<a href="">同城活动</a>--%>
                <%--<a href="">课程资讯</a>--%>
                <%--<a href="">最新发布</a>--%>
                <%--<a href="">热门文章</a>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="foot-btm">实训第三组</div>--%>
    <%--</div>--%>
<%--</div>--%>
<jsp:include page="/foot/foot1.jsp"/>

<!--登录注册弹窗-->
<div class="mask"></div>
<div class="login">
    <div class="login-title">
        <div class="login-a">登录</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="登陆账号"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
        <div class="login-d"><input type="submit" style="color: white" class="login-btn" value="登录"></div>
        <div class="login-f">
            <!--<a href="">忘记密码</a>-->
            <span>还没有焦点账号?><a hre  f="javascript:;" class="reg-href">点击注册</a></span>
        </div>
    </div>
</div>

<div class="reg" style="height: 400px">
    <div class="login-title">
        <div class="login-a">注册</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <div class="login-d"><input type="text" class="login-text" placeholder="登录号"></div>
        <div class="login-d"><input type="text" class="login-text" placeholder="用户名"></div>
        <div class="login-d"><input type="password" class="login-pas" placeholder="登陆密码"></div>
        <div class="login-d"><input type="text" class="login-text" placeholder="性别"></div>
        <div class="login-d"><input type="text" class="login-text" placeholder="生日"></div>
        <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
        <div class="login-d"><input type="submit" style="color: white" class="login-btn" value="注册"></div>
        <!--<div class="login-f">-->
        <!--<a href="">忘记密码</a>-->
        <!--</div>-->
    </div>
</div>


<script src="<%=basePath%>js/jquery-1.11.1.min.js"></script>
<script src="<%=basePath%>js/Action.js"></script>

<%--首页文章信息的遍历--%>
<script>

    //    点击更多显示所有信息，隐藏按钮
    $(document).ready(function () {
        var $hidden = $("#hiddenInfo").text();
//        alert($hidden);
        if ($hidden == ""){
        }else {
            $("#moreInfo").hide();
        }
    })
    $(document).ready(function () {
        var $tishi = $("#sixTishi").text();
        if ($tishi == ""){
        }else {
            alert($tishi);
            $("#sixTishi").html("");
        }
    })
</script>
<script>
    $(".sort").click(function(){
        $(this).toggleClass("sort-cut")
    })
</script>
<script>
    $(".dropdown").bind({
        click: function () {
            $(this).find(".droplist").stop().slideDown();
        },
        mouseleave: function () {
            $(this).find(".droplist").hide();
        }
    });
    $(".dropdown .droplist li").click(function () {
        $(this).parents(".dropdown").children("span").text($(this).text());
        $(this).parents(".droplist").hide().attr("data-value", $(this).attr("data-id"));
    });
</script>

<script>

    function userTishi() {
        alert("你还没有登录，请先完成登陆");
    }
</script>
</body>
</html>
